<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <!-- 作者 -->
    <meta name="author" content="author">
    <!-- 网页描述 -->
    <meta name="description" content="<%= D%>">
    <!-- 关键字使用","分隔 -->
    <meta name="keywords" content="<%= K%>">
    <!-- 禁止浏览器从本地机的缓存中调阅页面内容 -->
    <meta http-equiv="Pragma" content="no-cache">
    <!-- 用来防止别人在框架里调用你的页面 -->
    <meta http-equiv="Window-target" content="_top">
    <!-- content的参数有all，none，index，noindex，follow，nofollow，默认是all -->
    <meta name="robots" content="none">
    <!-- 收藏图标 -->
    <link rel="Shortcut Icon" href="favicon.ico">
    <!-- 网页不会被缓存 -->
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
    <!-- 解决部分兼容性问题，如果安装了GCF，则使用GCF来渲染页面，如果未安装GCF，则使用最高版本的IE内核进行渲染。 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="X-UA-Compatible" content="IE=9" />
    <!-- 页面按原比例显示 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" >
    <link rel="stylesheet" type="text/css" href="/public/libs/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="/public/stylesheets/animate.min.css" />
    <link rel="stylesheet" type="text/css" href="/public/stylesheets/product.css" />
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>
    <![endif]-->
    <title><%= T%></title>
</head>
<body>
<%- include('components/head.html', {page: 'case'})%>
<!--头部轮播-->
<%- include('components/banner.html')%>
<!--头部轮播-->
<!--选择案例-->
<div class="selcasedetail">
    <div class="container">
        <div class="row">
            <div class="selcaseboxdetail">
                <div class="selcaseboxdetail-selectbox"><span>-</span>选择案例</div>
                <div class="sellistdetail row">
                    <div class="sellist-spdetail col-xs-3 col-sm-1 col-md-1">筛选：</div>
                    <div class="col-xs-9 col-sm-11 col-md-11 ullidetail">
                        <ul>
                            <li><a href="javascript:void(0)" class="active">全部</a></li>
                            <li><a href="javascript:void(0)">商场活动</a></li>
                            <li><a href="javascript:void(0)">户外活动</a></li>
                            <li><a href="javascript:void(0)">品牌推广</a></li>
                            <li><a href="javascript:void(0)">博物馆和科技馆</a></li>
                            <li><a href="javascript:void(0)">音乐节和狂欢节</a></li>
                            <li><a href="javascript:void(0)">展览展会</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--选择案例-->
<!--案例列表-->
<div class="casedetaillist-cont">
    <div class="container">
        <div id="caselist" class="caselist active">
            <div class="caselist0">
                <% if (data) {%>
                <%for(var i = 0; i < data.length; i++){%>
                <%if(i%2 === 0){%>
                <div class="row" data-flag="<%= data[i].cato%>">
                    <div class="col-xs-12 col-sm-12 col-md-6 contdetail">
                        <img src="<%= data[i].image%>?imageslim" alt="<%= data[i].title%>"/>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-6 contdetaildesc">
                        <h2><%= data[i].title%></h2>
                        <div class="position"><%= data[i].date%> <%= data[i].location%> <%= data[i].size%></div>
                        <div class="line"></div>
                        <div class="desc"><%= data[i].desc%></div>
                        <div class="mutiline-r"></div>
                    </div>
                </div>
                <%} else {%>
                <div class="row" data-flag="<%= data[i].cato%>">
                    <div class="col-xs-12 col-sm-12 col-md-6 contdetaildesc coblist">
                        <h2><%= data[i].title%></h2>
                        <div class="position"><%= data[i].date%> <%= data[i].location%> <%= data[i].size%></div>
                        <div class="line"></div>
                        <div class="desc"><%= data[i].desc%></div>
                        <div class="mutiline-l"></div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-6 contdetail">
                        <img src="<%= data[i].image%>?imageslim" alt="<%= data[i].title%>"/>
                    </div>
                </div>
                <%}%>
                <%}%>
                <%}%>
            </div>
            <!--预加载图片-->
            <div id="loader0" class="loader"><img src="/public/images/loading.gif" alt="预加载图片" /></div>
            <!--加载更多按钮箭头-->
            <div class="loadmore-case" id="loadMore0">
                <span><img src="/public/images/product/pruduct_detail_loadiing.jpg" alt="加载更多案例"/></span>
            </div>
        </div>
        <div id="caselist1" class="caselist">
            <div class="caselist1">
                <% if (data1) {%>
                <%for(var i = 0; i < data1.length; i++){%>
                <%if(i%2 === 0){%>
                <div class="row" data-flag="<%= data1[i].cato%>">
                    <div class="col-xs-12 col-sm-12 col-md-6 contdetail">
                        <img src="<%= data1[i].image%>?imageslim" alt="<%= data[i].title%>"/>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-6 contdetaildesc">
                        <h2><%= data1[i].title%></h2>
                        <div class="position"><%= data1[i].date%> <%= data1[i].location%> <%= data1[i].size%></div>
                        <div class="line"></div>
                        <div class="desc"><%= data1[i].desc%></div>
                        <div class="mutiline-r"></div>
                    </div>
                </div>
                <%} else {%>
                <div class="row" data-flag="<%= data1[i].cato%>">
                    <div class="col-xs-12 col-sm-12 col-md-6 contdetaildesc coblist">
                        <h2><%= data1[i].title%></h2>
                        <div class="position"><%= data1[i].date%> <%= data1[i].location%> <%= data1[i].size%></div>
                        <div class="line"></div>
                        <div class="desc"><%= data1[i].desc%></div>
                        <div class="mutiline-l"></div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-6 contdetail">
                        <img src="<%= data1[i].image%>?imageslim" alt="<%= data[i].title%>"/>
                    </div>
                </div>
                <%}%>
                <%}%>
                <%}%>
            </div>
            <!--预加载图片-->
            <div id="loader1" class="loader"><img src="/public/images/loading.gif" alt="预加载图片" /></div>
            <!--加载更多按钮箭头-->
            <div class="loadmore-case" id="loadMore1">
                <span><img src="/public/images/product/pruduct_detail_loadiing.jpg" alt="加载更多案例"/></span>
            </div>
        </div>
        <div id="caselist2" class="caselist">
            <div class="caselist2">
                <% if (data2) {%>
                <%for(var i = 0; i < data2.length; i++){%>
                <%if(i%2 === 0){%>
                <div class="row" data-flag="<%= data2[i].cato%>">
                    <div class="col-xs-12 col-sm-12 col-md-6 contdetail">
                        <img src="<%= data2[i].image%>?imageslim" alt="<%= data[i].title%>"/>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-6 contdetaildesc">
                        <h2><%= data2[i].title%></h2>
                        <div class="position"><%= data2[i].date%> <%= data2[i].location%> <%= data2[i].size%></div>
                        <div class="line"></div>
                        <div class="desc"><%= data2[i].desc%></div>
                        <div class="mutiline-r"></div>
                    </div>
                </div>
                <%} else {%>
                <div class="row" data-flag="<%= data2[i].cato%>">
                    <div class="col-xs-12 col-sm-12 col-md-6 contdetaildesc coblist">
                        <h2><%= data2[i].title%></h2>
                        <div class="position"><%= data2[i].date%> <%= data2[i].location%> <%= data2[i].size%></div>
                        <div class="line"></div>
                        <div class="desc"><%= data2[i].desc%></div>
                        <div class="mutiline-l"></div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-6 contdetail">
                        <img src="<%= data2[i].image%>?imageslim" alt="<%= data[i].title%>"/>
                    </div>
                </div>
                <%}%>
                <%}%>
                <%}%>
            </div>
            <!--预加载图片-->
            <div id="loader2" class="loader"><img src="/public/images/loading.gif" alt="预加载图片" /></div>
            <!--加载更多按钮箭头-->
            <div class="loadmore-case" id="loadMore2">
                <span><img src="/public/images/product/pruduct_detail_loadiing.jpg" alt="加载更多案例"/></span>
            </div>
        </div>
        <div id="caselist3" class="caselist">
            <div class="caselist3">
                <% if (data3) {%>
                <%for(var i = 0; i < data3.length; i++){%>
                <%if(i%2 === 0){%>
                <div class="row" data-flag="<%= data3[i].cato%>">
                    <div class="col-xs-12 col-sm-12 col-md-6 contdetail">
                        <img src="<%= data3[i].image%>?imageslim" alt="<%= data[i].title%>"/>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-6 contdetaildesc">
                        <h2><%= data3[i].title%></h2>
                        <div class="position"><%= data3[i].date%> <%= data3[i].location%> <%= data3[i].size%></div>
                        <div class="line"></div>
                        <div class="desc"><%= data3[i].desc%></div>
                        <div class="mutiline-r"></div>
                    </div>
                </div>
                <%} else {%>
                <div class="row" data-flag="<%= data3[i].cato%>">
                    <div class="col-xs-12 col-sm-12 col-md-6 contdetaildesc coblist">
                        <h2><%= data3[i].title%></h2>
                        <div class="position"><%= data3[i].date%> <%= data3[i].location%> <%= data3[i].size%></div>
                        <div class="line"></div>
                        <div class="desc"><%= data3[i].desc%></div>
                        <div class="mutiline-l"></div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-6 contdetail">
                        <img src="<%= data3[i].image%>?imageslim" alt="<%= data[i].title%>"/>
                    </div>
                </div>
                <%}%>
                <%}%>
                <%}%>
            </div>
            <!--预加载图片-->
            <div id="loader3" class="loader"><img src="/public/images/loading.gif" alt="预加载图片" /></div>
            <!--加载更多按钮箭头-->
            <div class="loadmore-case" id="loadMore3">
                <span><img src="/public/images/product/pruduct_detail_loadiing.jpg" alt="加载更多案例"/></span>
            </div>
        </div>
        <div id="caselist4" class="caselist">
            <div class="caselist4">
                <% if (data4) {%>
                <%for(var i = 0; i < data4.length; i++){%>
                <%if(i%2 === 0){%>
                <div class="row" data-flag="<%= data4[i].cato%>">
                    <div class="col-xs-12 col-sm-12 col-md-6 contdetail">
                        <img src="<%= data4[i].image%>?imageslim" alt="<%= data[i].title%>"/>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-6 contdetaildesc">
                        <h2><%= data4[i].title%></h2>
                        <div class="position"><%= data4[i].date%> <%= data4[i].location%> <%= data4[i].size%></div>
                        <div class="line"></div>
                        <div class="desc"><%= data4[i].desc%></div>
                        <div class="mutiline-r"></div>
                    </div>
                </div>
                <%} else {%>
                <div class="row" data-flag="<%= data4[i].cato%>">
                    <div class="col-xs-12 col-sm-12 col-md-6 contdetaildesc coblist">
                        <h2><%= data4[i].title%></h2>
                        <div class="position"><%= data4[i].date%> <%= data4[i].location%> <%= data4[i].size%></div>
                        <div class="line"></div>
                        <div class="desc"><%= data4[i].desc%></div>
                        <div class="mutiline-l"></div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-6 contdetail">
                        <img src="<%= data4[i].image%>?imageslim" alt="<%= data[i].title%>"/>
                    </div>
                </div>
                <%}%>
                <%}%>
                <%}%>
            </div>
            <!--预加载图片-->
            <div id="loader4" class="loader"><img src="/public/images/loading.gif" alt="预加载图片" /></div>
            <!--加载更多按钮箭头-->
            <div class="loadmore-case" id="loadMore4">
                <span><img src="/public/images/product/pruduct_detail_loadiing.jpg" alt="加载更多案例"/></span>
            </div>
        </div>
        <div id="caselist5" class="caselist">
            <div class="caselist5">
                <% if (data5) {%>
                <%for(var i = 0; i < data5.length; i++){%>
                <%if(i%2 === 0){%>
                <div class="row" data-flag="<%= data5[i].cato%>">
                    <div class="col-xs-12 col-sm-12 col-md-6 contdetail">
                        <img src="<%= data5[i].image%>?imageslim" alt="<%= data[i].title%>"/>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-6 contdetaildesc">
                        <h2><%= data5[i].title%></h2>
                        <div class="position"><%= data5[i].date%> <%= data5[i].location%> <%= data5[i].size%></div>
                        <div class="line"></div>
                        <div class="desc"><%= data5[i].desc%></div>
                        <div class="mutiline-r"></div>
                    </div>
                </div>
                <%} else {%>
                <div class="row" data-flag="<%= data5[i].cato%>">
                    <div class="col-xs-12 col-sm-12 col-md-6 contdetaildesc coblist">
                        <h2><%= data5[i].title%></h2>
                        <div class="position"><%= data5[i].date%> <%= data5[i].location%> <%= data5[i].size%></div>
                        <div class="line"></div>
                        <div class="desc"><%= data5[i].desc%></div>
                        <div class="mutiline-l"></div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-6 contdetail">
                        <img src="<%= data5[i].image%>?imageslim" alt="<%= data[i].title%>"/>
                    </div>
                </div>
                <%}%>
                <%}%>
                <%}%>
            </div>
            <!--预加载图片-->
            <div id="loader5" class="loader"><img src="/public/images/loading.gif" alt="预加载图片" /></div>
            <!--加载更多按钮箭头-->
            <div class="loadmore-case" id="loadMore5">
                <span><img src="/public/images/product/pruduct_detail_loadiing.jpg" alt="加载更多案例"/></span>
            </div>
        </div>
        <div id="caselist6" class="caselist">
            <div class="caselist6">
                <% if (data6) {%>
                <%for(var i = 0; i < data6.length; i++){%>
                <%if(i%2 === 0){%>
                <div class="row" data-flag="<%= data6[i].cato%>">
                    <div class="col-xs-12 col-sm-12 col-md-6 contdetail">
                        <img src="<%= data6[i].image%>?imageslim" alt="<%= data[i].title%>"/>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-6 contdetaildesc">
                        <h2><%= data6[i].title%></h2>
                        <div class="position"><%= data6[i].date%> <%= data6[i].location%> <%= data6[i].size%></div>
                        <div class="line"></div>
                        <div class="desc"><%= data6[i].desc%></div>
                        <div class="mutiline-r"></div>
                    </div>
                </div>
                <%} else {%>
                <div class="row" data-flag="<%= data6[i].cato%>">
                    <div class="col-xs-12 col-sm-12 col-md-6 contdetaildesc coblist">
                        <h2><%= data6[i].title%></h2>
                        <div class="position"><%= data6[i].date%> <%= data6[i].location%> <%= data6[i].size%></div>
                        <div class="line"></div>
                        <div class="desc"><%= data6[i].desc%></div>
                        <div class="mutiline-l"></div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-6 contdetail">
                        <img src="<%= data6[i].image%>?imageslim" alt="<%= data[i].title%>"/>
                    </div>
                </div>
                <%}%>
                <%}%>
                <%}%>
            </div>
            <!--预加载图片-->
            <div id="loader6" class="loader"><img src="/public/images/loading.gif" alt="预加载图片" /></div>
            <!--加载更多按钮箭头-->
            <div class="loadmore-case" id="loadMore6">
                <span><img src="/public/images/product/pruduct_detail_loadiing.jpg" alt="加载更多案例"/></span>
            </div>
        </div>
        <!--返回列表顶部箭头-->
        <div class="backlistTop"><img src="/public/images/product/pruduct_detail_top.jpg" alt="返回案例按钮"/></div>
        <!--返回列表顶部箭头-->
    </div>
</div>
<!--案例列表-->
<%- include('components/foot.html')%>
<script type="text/javascript" src="/public/javascripts/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="/public/libs/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/public/javascripts/productDetail.js"></script>
<script type="text/javascript" src="/public/javascripts/base.js"></script>
</body>
</html>
